@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap");
@import url("tldraw/tldraw.css");

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    font-family: "PingFang SC", sans-serif;

    /*支持亮色模式*/
    color-scheme: light dark;

    /*优化大号字体可读性*/
    text-rendering: optimizeLegibility;

    /*在webkit内核浏览器上，上提高小号字体的清洗度*/
    -webkit-font-smoothing: antialiased;

    /*在mozilla内核浏览器上，提高字体清晰度*/
    -moz-osx-font-smoothing: grayscale;

}

body {
    margin: 0;
    height: 100%;

    background: var(--bg-color);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1, h2, h3, h4, h5, h6,div,p {
    color: var(--text-color);
}


body[theme-mode='light'] {
    --bg-color: #fff;
    --text-color: #000;
    --border-color: #A9A9A9FF;
    --icon-color: #000;
    --lucide-text-color: #000;
}

body[theme-mode='dark'] {
    --bg-color: #000;
    --text-color: #fff;
    --border-color: #A9A9A9FF;
    --icon-color: #fff;
    --lucide-text-color: #000;
}


.lucide {
    fill: var(--text-color);
}

